<!DOCTYPE html>
<html>
<head>
<title>订单详情</title>
<?php $this->load->view('common/include');?>
</head>
<body id="app" v-cloak>
	<header-layout title='Bone Vue'>
		<header-dock align='left'>
			<a href="<?php echo site_url('/order/myorder'); ?>"><Icon type="back"></Icon></a>
		</header-dock>
		订单详情		 
	</header-layout> 
	<layout-main>
		<layout-box m="1000" p="1111">
			<div class="bo-row bo-ovf " data-id="{{item.id}}">
				<div class="bo-col-6">
				 	<div class="info-item">
				 		<h3 class="name">下单日期</h3>
				 		<p class="content">
				 			<?php echo $order['order_time'];?>
				 		</p>
				 	</div>
				 </div>	
			 
				 <div class="bo-col-6">
				 	<div class="info-item">
				 		<h3 class="name">订单状态</h3>
				 		<p class="content">
				 			{{orderstate[<?php echo $order['state']; ?>]}}
				 		</p>
				 	</div>
				 </div>			  
			 </div>
		</layout-box>
		<div  v-for="item in orders">
			<div class="bo-box-title">
					<Icon type="time"></Icon>
				{{item.date}}
			</div>
			<layout-box p="1101">
				<div class="product" style="border-bottom:0;" @click="goDetail(item.productid, item.date)">
					<div class="pic">
						<img src="http://7xj0kd.com2.z0.glb.qiniucdn.com/{{item.image}}?imageView2/1/w/60/h/60" alt="">
					</div>
					<h3 class="name">{{item.name}}</h3>
					<p class="intro">{{item.description}}</p>
				</div>
				<div class="bo-clear"></div>
				<div class="bo-row bo-ovf" style="padding:10px 0;text-align:right;border-top:1px #eee solid;">
				 	<div class="bo-col-4 bo-offset-8">
			 			<!--
					 	<a href="<?php echo site_url('order/comment/id'); ?>/{{item.productid}}" class="bo-btn-primary-blank bo-btn-sm">商品评价</a>-->
					 </div>	
				 </div>
			</layout-box>
		</div>
		
	</layout-main>
	<script>
		var ORDER = <?php echo json_encode($order);?>;
		var ORDERS = <?php echo json_encode($orderdetails);?>;
		var STATE = 0;		 
	</script>
	<script src="js/order.build.js"></script>
</body>
</html>
